import Vue from "vue";
// 引入根组件
import App from "./App.vue";

// 路径要注意，不能错
import HmHeader from "./components/hm-header.vue";
import HmMain from "./components/HmMain.vue";
import HmFooter from "./components/HmFooter.vue";

// console.log(HmHeader, HmMain, HmFooter);

// Vue配置生产提示 false-不提示
Vue.config.productionTip = false;

/**
 * 全局注册步骤
 * 1. 创建组件 - 在前面局部注册练习已完成
 * 2. 引入 - 记得import 注意路径 - 路径错了会报错 自己要学会排查
 * 3. 全局注册 Vue.component('组件名', 组件对象)
 * 4. 使用 - 在页面中使用了
 */

Vue.component('HmHeader', HmHeader)
Vue.component('HmMain', HmMain)
Vue.component('HmFooter', HmFooter)

// 实例化Vue
new Vue({
  render: (h) => h(App), // render渲染 渲染根组件
}).$mount("#app"); // 挂载 #app id选择器 id是app的元素
